<!DOCTYPE html>
<!-- 网站主语言 -->
<html lang="zh-cn">
<head>
    <!-- 网站采用的字符编码 -->
    <meta charset="utf-8">
    <!-- 预留网站标题的位置 -->
    <title>{% block title %}{% endblock %}</title>
    <!-- 引入bootstrap的css文件 -->
    <link rel="stylesheet" href="{% static 'common/bootstrap/css/bootstrap.css' %}">
    <link rel="stylesheet" href="{% static 'common/bootstrap/css/bootstrap.min.css' %}">
	
    <!--Layui-->
    <link rel="stylesheet" href="{% static 'common/layui/css/layui.css' %}"/>
    <!--font-awesome-->
    <link rel="stylesheet" href="{% static 'common/font-awesome/css/font-awesome.min.css' %}"/>
    <!--全局样式表-->
    <link rel="stylesheet" href="{% static 'css/global.css' %}"/>
    <link rel="stylesheet" href="{% static 'css/edit.css' %}"/>
    <style>
        .canvas-banner {
            padding-top:4.2%;
        }
    </style>
    <!-- bootstrap.js 依赖 jquery.js 和popper.js，因此在这里引入 -->
    <script src="{% static 'common/jquery/jquery-3.6.4.js' %}"></script>
    <script src="{% static 'common/layer/layer.js' %}"></script>
    <script src="{% static 'common/layui/layui.js' %}"></script>
    <script src="{% static 'common/jquery/jquery-1.11.1.min.js' %}"></script>
	<script src="{% static 'common/bootstrap/js/bootstrap.min.js' %}"></script>
<!-- bootstrap.js 依赖 jquery.js 和popper.js，因此在这里引入 -->
    <script src="{% static 'common/jquery/jquery-3.6.4.js' %}"></script>
    <script src="{% static 'js/popper.js' %}"></script>
    <!-- 引入bootstrap的js文件 -->
    <script src="{% static 'common/bootstrap/js/bootstrap.js' %}"></script>
<!-- layui.js -->
    <script>$("ul.layui-fixbar").css("display","none");</script>



</head>
<body>
    <!-- 引入导航栏 -->
    {% include 'header.html' %}
    <!-- 预留具体页面的位置 -->
    <div class="canvas-banner" style="display: none;">
     <!-- canvas -->
        <canvas id="canvas-banner" style="background: #393D49;"></canvas>
        <!--为了及时效果需要立即设置canvas宽高，否则就在home.js中设置-->
        <script type="text/javascript">
            var canvas = document.getElementById('canvas-banner');
            canvas.width = window.document.body.clientWidth - 10;//减去滚动条的宽度
            if (screen.width >= 992) {
                canvas.height = window.innerHeight / 3;
            } else {
                canvas.height = window.innerHeight * 2 / 7;
            }

        </script>
    </div>
    {% block content %}{% endblock content %}
    <!-- 引入注脚 -->
    {% include 'footer.html' %}
    <!-- 全局脚本 -->
     <script src="{% static 'js/global.js' %}"></script>
     <script src="{% static 'js/home.js' %}"></script>
</body>

</html>